import React, { memo } from 'react'
import type { FC, ReactNode } from 'react'
import { AppHeaderWrapper } from './style'
import HeaderIcon from './c-cpns/HeaderIcon'
import HeaderNav from './c-cpns/HeaderNav'
import HeaderSearchAndUser from './c-cpns/HeaderSearchAndUser'

interface IProps {
  children?: ReactNode
}

const AppHeader: FC<IProps> = () => {
  return (
    <AppHeaderWrapper>
      <HeaderIcon />
      <HeaderNav />
      <HeaderSearchAndUser />
    </AppHeaderWrapper>
  )
}

export default memo(AppHeader)
